<div class="col-xs-12 col-sm-8 col-md-9 content-column">
  <div class="grid">
    <div role="list" class="row">
      {{ range .Data.Pages }}
      <div role="listitem" class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
        <div class="website--frame">
          <div class="website--frame-header">
            <div class="website--frame-circle red"></div>
            <div class="website--frame-circle yellow"></div>
            <div class="website--frame-circle green"></div>
          </div>
          <div class="website-proj--thumbnailwrap">
            {{ if and (isset .Params "image") .Params.image }}
            <a href="{{ .Permalink }}" title="" class="">
              <div class="hover-overlay-wrap">
              <span class="hover--more">SEE MORE</span>
              </div>
              <img src="{{.Params.image | absURL}}" loading="lazy" alt="" class="website-proj--thumbnail">
            </a>
            {{ end }}
          </div>
            <div class="proj--textwrapper">
              <div class="project--name">{{ .Title }}</div>
              <div class="project--tagline">
                {{ if .Description }}
                {{ .Description }}
                {{ else }}
                {{ .Summary }}
                {{ end }}
              </div>
            </div>
        </div>
      </div>
      {{ end }}
    </div>
  </div>
</div>
